<!doctype html>
{% load static %}
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>条件选股</title>
    <link href="{% static 'stock/common/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'stock/css/condition_query_stock.css' %}" rel="stylesheet" type="text/css">


    {#    <link href="../../static/stock/common/bootstrap.min.css" rel="stylesheet">#}
    {#    <link href="../../static/stock/css/condition_query_stock.css" rel="stylesheet" type="text/css">#}


</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark"><a class="navbar-brand label-success">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
            class="navbar-toggler-icon"></span></button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li> &nbsp;</li>
            <li class="nav-item"><a class="nav-link" href="/stock/index/">首页</a></li>
            <li> &nbsp;</li>


        </ul>
    </div>
</nav>
<hr style="background-color: #dedee2;height: 2px;border: none;">


<div class="container text-center">
    <h2 class="red">选股条件</h2>
    <h7>单位：万元</h7>

</div>


<!-- 刷选条件 -->
<div class="list-screen">
    <!--具体刷选条件选项-->
    <div style="padding:10px 30px 10px 10px;">
        <div>
            <div>
                <div id="selectList" class="screenBox">
                    <!--交易时间-->
                    <dl>
                        <dt>交易时间</dt>
                        <dd>
                            <input type="date" id="date_trade_date">
                        </dd>

                        <!--btn-query-undefined类型主要为了方便js文件查找该元素，无具体定义-->
                    </dl>
                    <!--流动市值-->
                    <dl>
                        <dt>流动市值</dt>
                        <dd>
                            <label><a href="javascript:;" attrval="不限">不限</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="500000" values1="0">50亿元以下</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="1000000" values1="500000">50亿-100亿</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="5000000" values1="1000000">100亿-500亿</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values1="5000000" values2="9999999999">500亿以上</a></label>
                            <!--9999999999和-9999999999表示无穷大和无穷小-->
                            <div>
                                <span id="span1">自定义</span>&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_circ_mv_value1">
                                &nbsp;-&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_circ_mv_value2">万元
                                <input name="" type="button" id="btn_circ_mv" value="确定">
                            </div>
                        </dd>
                    </dl>
                    <!--市盈率-->
                    <dl>
                        <dt>市盈率</dt>
                        <dd>
                            <label><a href="javascript:;" attrval="不限">不限</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="25" values1="0">0-25</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="50" values1="25">25-50</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="100" values1="50">50-100</a></label>
                            <label>
                                <input type="radio" value="">
                                <a href="javascript:;" values1="100" values2="9999999999">100以上</a></label>
                            <div>
                                <span>自定义</span>&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_pe_ttm_value1">
                                &nbsp;-&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_pe_ttm_value2">
                                <input name="" type="button" id="btn_pe_ttm" value="确定">
                            </div>
                        </dd>
                    </dl>
                    <!--换手率-->
                    <dl>
                        <dt>换手率</dt>
                        <dd>
                            <label><a href="javascript:;" attrval="不限">不限</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="3" values1="0">小于3%</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="5" values1="3">3%-5%</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="9999999999" values1="5">大于5%</a></label>

                            <div>
                                <span>自定义</span>&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_turnover_rate_f_value1">%
                                &nbsp;-&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_turnover_rate_f_value2">%
                                <input name="" type="button" id="btn_turnover_rate_f" value="确定">
                            </div>
                        </dd>
                    </dl>
                    <!--当日涨幅-->
                    <dl>
                        <dt>当日涨幅</dt>
                        <dd>
                            <label><a href="javascript:;" attrval="不限">不限</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="-5" values1="">小与-5%</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="0" values1="-5">-5%-0</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="5" values1="0">0-5%</a></label>
                            <label>
                                <input type="radio" value="">
                                <a href="javascript:;" values1="5" values2="9999999999">大于5%</a></label>
                            <div>
                                <span>自定义</span>&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_pct_chg_value1">%
                                &nbsp;-&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_pct_chg_value2">%
                                <input name="" type="button" id="btn_pct_chg" value="确定">
                            </div>
                        </dd>
                    </dl>
                    <!--总流入资金(万元)-->
                    <dl>
                        <dt>总流入资金</dt>
                        <dd>
                            <label><a href="javascript:;" attrval="不限">不限</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="-5000" values1="0">-5000万元以下</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="10" values1="-5000">-5000-0万元</a></label>
                            <label>
                                <input type="radio">
                                <a href="javascript:;" values2="5000" values1="0">0-5000万元</a></label>
                            <label>
                                <input type="radio" value="">
                                <a href="javascript:;" values1="5000" values2="9999999999">5000万元以上</a></label>
                            <div>
                                <span>自定义</span>&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_net_mf_amount_value1">
                                &nbsp;-&nbsp;
                                <input name="" type="text" style="width: 100px;" id="text_net_mf_amount_value2">万元
                                <input name="" type="button" id="btn_net_mf_amount" value="确定">
                            </div>


                            <input type="button" class="btn-secondary float-right"
                                   id="btn_query_result" style="float:right;" value="更多" data-toggle="collapse"
                                   data-target="#div_query_result">
                        </dd>
                    </dl>


                    <div id="div_query_result" class="collapse">
                        <!--主力净流入(万元）-->
                        <dl>
                            <dt>主力净流入</dt>
                            <dd>
                                <label><a href="javascript:;" attrval="不限">不限</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="-500" values1="">-500万元以下</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="0" values1="-500">-500-0万元</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="500" values1="0">0-500万元</a></label>
                                <label>
                                    <input type="radio" value="">
                                    <a href="javascript:;" values2="9999999999" values1="500">500万元以上</a></label>
                                <div>
                                    <span>自定义</span>&nbsp;
                                    <input name="" type="text" style="width: 100px;" id="text_main_in_value1">
                                    &nbsp;-&nbsp;
                                    <input name="" type="text" style="width: 100px;" id="text_main_in_value2">万元
                                    <input name="" type="button" id="btn_main_in" value="确定">
                                </div>
                            </dd>
                        </dl>
                        <!--主力占换手比例-->
                        <dl>
                            <dt>主力换手占比</dt>
                            <dd>
                                <label><a href="javascript:;" attrval="不限">不限</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="20" values1="0">0-20%</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="50" values1="20">20%-50%</a></label>
                                <label>
                                    <input type="radio" value="">
                                    <a href="javascript:;" values1="50" values2="9999999999">50%以上</a></label>
                                <div>
                                    <span>自定义</span>&nbsp;
                                    <input name="" type="text" style="width: 100px;"
                                           id="text_main_turnover_rate_value1">%
                                    &nbsp;-&nbsp;
                                    <input name="" type="text" style="width: 100px;"
                                           id="text_main_turnover_rate_value2">%
                                    <input name="" type="button" id="btn_main_turnover_rate" value="确定">
                                </div>
                            </dd>
                        </dl>
                        <!--连续涨跌-->
                        <dl>
                            <dt>连续涨跌</dt>
                            <dd>
                                <label><a href="javascript:;" attrval="不限">不限</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="up" values1="3">连涨3天</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="up" values1="5">连涨5天</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="down" values1="3">连跌3天</a></label>
                                <label>
                                    <input type="radio" value="">
                                    <a href="javascript:;" values2="down" values1="5">连跌5天</a></label>

                            </dd>
                        </dl>
                        <!--连续资金流入-->
                        <dl>
                            <dt>连续资金流入</dt>
                            <dd>
                                <label><a href="javascript:;" attrval="不限">不限</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="in" values1="3">连续3天流入</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="in" values1="5">连续5天流入</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="out" values1="3">连续3天流出</a></label>
                                <label>
                                    <input type="radio" value="">
                                    <a href="javascript:;" values2="out" values1="5">连续5天流出</a></label>

                            </dd>
                        </dl>
                        <!--连续换手率-->
                        <dl>
                            <dt>连续换手率</dt>
                            <dd>
                                <label><a href="javascript:;" attrval="不限">不限</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="5" values1="3">3天换手率>5%</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="10" values1="3">3天换手率>10%</a></label>
                                <label>
                                    <input type="radio">
                                    <a href="javascript:;" values2="5" values1="5">5天换手率>5%</a></label>
                                <label>
                                    <input type="radio" value="">
                                    <a href="javascript:;" values2="10" values1="5">5天换手率>10%</a></label>

                            </dd>
                        </dl>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--已选择的条件-->
    <div class="hasBeenSelected">
        <input type="button" class="btn-success btn-query-undefined float-right"
               id="btn_query_with_condition" style="float:right;" value="开始查询"
               onclick="query_with_conditions()">
        <div style="float:right;" class="eliminateCriteria" id="div_delete_show_condition">【清空全部】</div>
        <dl>
            <dt>已选条件：</dt>
            <dd style="" class="clearDd  ">
                <div id="div_show_select_condition_list">

                </div>
            </dd>
        </dl>
    </div>


</div>

<!--<hr style="background-color: #dedee2;height: 2px;border: none;">-->
{#<!--查询返回股票列表展示区-->#}
<div style="width: 100%; height: 200px ;overflow: auto" id="div_showdata">

</div>


<div id="div_add_attention_btn"></div>


<br>
<!--选定股票详细信息-->
<div style="width: 100%;" id="div_show_one_stock_detail">

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="{% static 'stock/common/jquery.js' %}"></script>
<script src="{% static 'stock/common/popper.js' %}"></script>
<script src="{% static 'stock/common/bootstrap.min.js' %}"></script>
<script src="{% static 'stock/js/condition_query_stock.js' %}"></script>


<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>
{#<script src="../../static/stock/common/jquery.js"></script>#}
{#<script src="../../static/stock/common/popper.js"></script>#}
{#<script src="../../static/stock/common/bootstrap.min.js"></script>#}
{#<script src="../../static/stock/js/condition_query_stock.js"></script>#}

<!-- 统计信息，不需要刻意删除  -->
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278838836'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1278838836%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script>

</body>
</html>